<!DOCTYPE html>
<!-- saved from url=(0093)http://www.yuanxiaoxiang.com:8008/hospital/toMain;jsessionid=02C1FEA2624B3ED78264A25B8AA00C19 -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>首页</title>
    <link rel="stylesheet" th:href="@{/hospital/layui/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/hospital/css/public.css}" media="all">

    <style>
        #one,#two,#three,#four,#five,#six,#seven{
            display: inline;
            font-size: 15px;
            left: 100px;
            position: absolute;

        }
        #eight{
            display: inline;
            font-size: 15px;
            left: 370px;
            position: absolute;
        }
        .span{
            position: absolute;
            padding-left:30px ;
            font-size: 15px;
        }
        .day{
          margin-left:20px;
        }
        li{
            float: left;
        }
        #big{
            width: 1012px;
            height: 370px;
            border: 1px solid rgb(232,232,232);
            position: relative;
            top: 240px;
            left: 100px;
            border-radius: 2px;
        }
        #div{

            width: 972px;
            height: 295px;
            border: 1px solid rgb(232,232,232);
            position: relative;
            top: 45px;
            left: 20px;
            border-radius: 3px;
            color:rgb(51,51,51);
        }
        .pai{
            position: absolute;
            top: 10px;
            font-size: 17px;
            left: 20px;
        }
        .container{
          position: absolute;
        }
        .work{
            margin-top: 10px;
            width: 480px;
            height: 160px;
            border: 1px solid rgb(232,232,232);
            float: left;
            border-radius: 3px;
            background: rgb(65,178,166);
        }
        #work2{
            position: absolute;
            left: 632px;
        }
        #work1{
            position: absolute;
            left: 100px;
        }
        .img{
            margin-top: 30px;
            margin-left: 50px;
        }
        .num{
            margin-left:45px;
            margin-top: 15px;
            color: #fff;
        }
        .total{
            margin-left:200px;
            margin-top: 30px;
            color: #fff;
        }
        .desc{
            margin-left:200px;
            margin-top: -90px;
            color: #fff;
        }
    </style>

    <link id="layuicss-layer" rel="stylesheet" th:href="@{/hospital/layui/css/layer.css}" media="all"></head>
<body>
<div class="container">
    <div class="work" id="work1">
        <div class="row">
            <div class="img">
                <a><img th:src="@{/images/one.jpg}"></a>
            </div>
            <div class="num"><h5>今日门诊人数:&nbsp;<span class="currentNum">2</span></h5></div>
            <div class="desc"><h5>就诊概况</h5></div>
            <div class="total"><h3>门诊总人数:&nbsp;<span class="Total">17</span></h3></div>
        </div>
    </div>
    <div class="work" id="work2">
        <div class="row">
            <div class="img">
                <a><img th:src="@{/images/two.jpg}"></a>
            </div>
            <div class="num"><h5>今日住院人数:&nbsp;<span class="currentZhuYuan">1</span></h5></div>
            <div class="desc"><h5>住院概况</h5></div>
            <div class="total"><h3>住院总人数:&nbsp;<span class="zhuyuan">3</span></h3></div>
        </div>
    </div>
</div>
<div id="big">
    <span class="pai">排班信息</span>
<div id="div" th:each="paiBan2,status :${paiBan}">
<span class="span">日期&nbsp;</span><ul id="eight"><li>排班</li></ul><br>
    <hr>

<label class="span"><span th:text="${paiBan2.one}"></span></label>
    <ul id="one"><li class="day"><span th:text="${paiBan2.doctor.doctorName}"></span></li>
      </ul><br>
    <hr>
<label class="span">星期二</label><ul id="two"><li class="day">华佗</li><li class="day">扁鹊</li><li class="day">张春明</li><li class="day">王二</li></ul><br>
    <hr>
<label class="span">星期三</label><ul id="three"><li class="day">华佗</li><li class="day">扁鹊</li><li class="day">张春明</li><li class="day">王二</li></ul><br>
    <hr>
<label class="span">星期四</label><ul id="four"><li class="day">扁鹊</li><li class="day">张春明</li><li class="day">王二</li></ul><br>
    <hr>
<label class="span">星期五</label><ul id="five"><li class="day">华佗</li><li class="day">扁鹊</li><li class="day">张春明</li><li class="day">王二</li></ul><br>
    <hr>
<label class="span">星期六</label><ul id="six"><li class="day">华佗</li><li class="day">扁鹊</li><li class="day">张春明</li></ul><br>
    <hr>
<label class="span">星期日</label><ul id="seven"><li class="day">华佗</li><li class="day">扁鹊</li><li class="day">张春明</li></ul>
</div>
</div>
<script type="text/javascript" th:src="@{/hospital/layui/layui.js}"></script>

<script type="text/javascript">
    layui.use([ 'jquery', 'layer', 'form', 'table'  ], function() {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var table = layui.table;
    //     $.ajax({
    //         url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/one',
    //         dataType: 'json',
    //         type: 'post',
    //         crossDomain: true,
    //         success: function (data) {
    //             $.each(data, function (index, item) {
    //                 $("#one").append(
    //                     "<li class='day'>"+item.doctorName+"</li>"
    //                 )
    //             });
    //         }
    //     })
    //     $.ajax({
    //         url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/two',
    //         dataType: 'json',
    //         type: 'post',
    //         crossDomain: true,
    //         success: function (data) {
    //             $.each(data, function (index, item) {
    //                 $("#two").append(
    //                     "<li class='day'>"+item.doctorName+"</li>"
    //                 )
    //             });
    //         }
    //     })
    //     $.ajax({
    //         url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/three',
    //         dataType: 'json',
    //         type: 'post',
    //         crossDomain: true,
    //         success: function (data) {
    //             $.each(data, function (index, item) {
    //                 $("#three").append(
    //                     "<li class='day'>"+item.doctorName+"</li>"
    //                 )
    //             });
    //         }
    //     })
    //     $.ajax({
    //         url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/four',
    //         dataType: 'json',
    //         type: 'post',
    //         crossDomain: true,
    //         success: function (data) {
    //             $.each(data, function (index, item) {
    //                 $("#four").append(
    //                     "<li class='day'>"+item.doctorName+"</li>"
    //                 )
    //             });
    //         }
    //     })
    //     $.ajax({
    //         url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/five',
    //         dataType: 'json',
    //         type: 'post',
    //         crossDomain: true,
    //         success: function (data) {
    //             $.each(data, function (index, item) {
    //                 $("#five").append(
    //                     "<li class='day'>"+item.doctorName+"</li>"
    //                 )
    //             });
    //         }
    //     })
    //     $.ajax({
    //         url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/six',
    //         dataType: 'json',
    //         type: 'post',
    //         crossDomain: true,
    //         success: function (data) {
    //             $.each(data, function (index, item) {
    //                 $("#six").append(
    //                     "<li class='day'>"+item.doctorName+"</li>"
    //                 )
    //             });
    //         }
    //     })
    //     $.ajax({
    //         url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/seven',
    //         dataType: 'json',
    //         type: 'post',
    //         crossDomain: true,
    //         success: function (data) {
    //             $.each(data, function (index, item) {
    //                 $("#seven").append(
    //                     "<li class='day'>"+item.doctorName+"</li>"
    //                 )
    //             });
    //         }
    //     })
    //     $.ajax({
    //         url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/currentNum',
    //         dataType: 'json',
    //         type: 'post',
    //         crossDomain: true,
    //         success: function (data) {
    //             $(".currentNum").text(data);
    //         }
    //     })
    //     $.ajax({
    //     url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/Total',
    //     dataType: 'json',
    //     type: 'post',
    //         crossDomain: true,
    //     success: function (data) {
    //         $(".Total").text(data);
    //     }
    // })
    //     $.ajax({
    //         url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/zhuyuanTotal',
    //         dataType: 'json',
    //         type: 'post',
    //         crossDomain: true,
    //         success: function (data) {
    //            $(".zhuyuan").text(data);
    //         }
    //     })
    //     $.ajax({
    //         url: 'http://www.yuanxiaoxiang.com:8008/hospital/main/currentZhuYuan',
    //         dataType: 'json',
    //         type: 'post',
    //         crossDomain: true,
    //         success: function (data) {
    //             $(".currentZhuYuan").text(data);
    //         }
    //     })
    });

</script>

</body></html>